<!DOCTYPE HTML>
<html lang="en-US">
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<meta name="keywords" content="关键字1，关键字2..." />
		<meta name="description" content="内容介绍" />
		<link rel="stylesheet" href="style/reset.css" />
		<link rel="stylesheet" href="style/common.css" />
		<link rel="stylesheet" href="style/index.css" />
		<script src="js/common.js"></script>
	</head>
	<body>
		<div class="wapper">
			<header>
				<a href="">
					<img src="images/logo.png" alt="" class="logo" />
				</a>
				<input type="text" placeholder="输入商家、分类或商圈" class="search" />
				<a href="">
					<img src="images/code.png" alt="" class="code" />
				</a>
				<a href="">
					<img src="images/notice.png" alt="" class="notice" />
				</a>
			</header>
			<section class="banner">
				<a href=""><img src="images/banner.jpg" alt="" /></a>
			</section>
			<section class="cat">
				<ul>
					<li>
						<a href="">
							<img src="images/cat01.png" alt="" />
							<p>抽奖</p>
						</a>
						<div class="hot">hot</div>
					</li>
					<li>
						<a href="">
							<img src="images/cat02.png" alt="" />
							<p>促销</p>
						</a>
						<div class="hot">hot</div>
					</li>
					<li class="active">
						<a href="">
							<img src="images/cat03.png" alt="" />
							<p>兑换</p>
						</a>
						<div class="hot">hot</div>
					</li>
					<li>
						<a href="">
							<img src="images/cat04.png" alt="" />
							<p>闪送超市</p>
						</a>
						<div class="hot">hot</div>
					</li>
				</ul>
			</section>
			<section class="goods_list">
				<ul class="content">
					<li class="active">
						<a href="">
							<div class="left">
								<p class="top">Fresh奶</p>
								<p class="center">光明畅优乳杆菌<span class="span_one">6</span>元/<span class="span_two">2</span>瓶</p>
								<p class="bottom">更多优惠 低至5折</p>
							</div>
							<img src="images/goods01.png" alt="" />
							<div class="buy">
								<span>买一<br>赠一</span>
							</div>
							<div class="clear"></div>
						</a>
					</li>
					<li>
						<a href="">
							<div class="left">
								<p class="top">Fresh奶</p>
								<p class="center">光明畅优乳杆菌<span class="span_one">6</span>元/<span class="span_two">1</span>包</p>
								<p class="bottom">更多优惠 低至5折</p>
							</div>
							<img src="images/goods02.png" alt="" />
							<div class="buy">
								<span>买一<br>赠一</span>
							</div>
							<div class="clear"></div>
						</a>
					</li>
					<li class="active">
						<a href="">
							<div class="left">
								<p class="top">Fresh奶</p>
								<p class="center">光明畅优乳杆菌<span class="span_one">6</span>元/<span class="span_two">2</span>瓶</p>
								<p class="bottom">更多优惠 低至5折</p>
							</div>
							<img src="images/goods01.png" alt="" />
							<div class="buy">
								<span>买一<br>赠一</span>
							</div>
							<div class="clear"></div>
						</a>
					</li>
					<li>
						<a href="">
							<div class="left">
								<p class="top">Fresh奶</p>
								<p class="center">光明畅优乳杆菌<span class="span_one">6</span>元/<span class="span_two">1</span>包</p>
								<p class="bottom">更多优惠 低至5折</p>
							</div>
							<img src="images/goods02.png" alt="" />
							<div class="buy">
								<span>买一<br>赠一</span>
							</div>
							<div class="clear"></div>
						</a>
					</li>
				</ul>
			</section>
			<div class="box"></div>
			<footer>
				<ul>
					<li class="active">
						<a href="">
							<img src="images/home.png" alt="" />
							<p>首页</p>
						</a>
					</li>
					<li>
						<a href="">
							<img src="images/shop.png" alt="" />
							<p>闪送超市</p>
						</a>
					</li>
					<li>
						<a href="">
							<img src="images/my.png" alt="" />
							<p>我的</p>
						</a>
					</li>
					<li>
						<a href="">
							<img src="images/cart.png" alt="" />
							<p>¥0起送</p>
						</a>
					</li>
				</ul>
			</footer>
		</div>
	</body>
</html>